<div class="login">
  <h3><img src="../../../../assets/img/logo2.png" alt="logo"></h3>
  <form name="form" class="form-validation">
    <div class="login-box">
      <p class="txt-input">
        <i class="iconfont icon-tubiao211"></i>
        <input type="text" placeholder="用户名/手机号" name="account">
      </p>
      <p class="txt-input">
        <i class="iconfont icon-tubiao202"></i>
        <input type="password" placeholder="密码" name="password">
      </p>
      <p class="txt-input txt-code">
        <input type="text" placeholder="验证码"  minlength="4" name="verificationCode">
        <span>
        <img *ngIf="imgcode" style="-webkit-transition: all .5s;display: -webkit-flex;"/>
        </span>
        <span><a class="blue" style="-webkit-transition: all .5s;display: -webkit-flex;">刷新验证码</a></span>
      </p>
    </div>
    <div class="relative hasload">
      <button type="submit" nz-button [nzType]="'primary'" (click)="doLogin()" [nzLoading]="false">提交</button>
    </div>
    <p class="txt-center">
      <small><a href="javascript:void(0)">忘记密码？</a></small>
      <small>点击登录按钮，即代表您同意<a href="javascript:void(0)" target="_blank">《镜世界用户协议》</a></small>
    </p>
    <p><small>还未注册？请下载《 <a href="javascript:void(0)" target="_blank"><img src="../../../../assets/img/word.png" style="vertical-align: middle"/> 镜世界用户试用协议模板</a>》，按说明操作</small></p>
  </form>
</div>


